<template>
  <div ref="app" class="hl-style">
    <router-view></router-view>
  </div>
</template>

<script setup>
const app = ref(null);
onMounted(() => {
  const app = document.body;

  // console.log(Vue.toRefs);
  setTimeout(() => {
    app.setAttribute("data-theme", "light");
    const theme = app.getAttribute("data-theme");
    console.log("theme value", theme);
  }, 4000);

  setTimeout(() => {
    // https://devpress.csdn.net/vue/66caea8313e4054e7e7da330.html
    console.clear();
    throw new Error("Vue Trigger hidden-source-map");
  }, 12000);
});
</script>

<style lang="scss" scoped>
// @import "@/styles/index.scss";

.hl-style {
  padding: 0 20px;
  margin-top: 40px;
}
</style>
